<template>
  <div class="notfound">
    <h1>404-Not-Found</h1>
    <hr />
    <h2>你是怎么找到这个页面的？</h2>
    <img src="@/assets/img/404.gif" alt />
    <br>
    <br>
    <a href="http://111.231.85.227/cat">
         <van-button plain hairline type="primary" color='rgb(22, 206, 197)' >玩猫</van-button>
    </a>
    <br>
    <br>
    <a href="http://111.231.85.227/kaola">
        <van-button plain hairline type="info" color='rgb(250, 86, 86)' >看考拉</van-button>
    </a>
    <br>
    <br>
    <a href="http://111.231.85.227/mi">
       <van-button plain hairline type="info" color='rgb(255, 166, 50)' >谁tm买小米儿啊</van-button>
    </a>
    <div class="btn">
      <van-button plain type="info" size="large" to="/">返回主页</van-button>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.notfound {
  text-align: center;
  h1 {
    font: 800 30px/50px "微软雅黑";
  }
  h2 {
    font: 400 28px/50px " 微软雅黑";
  }
  img {
    padding-top: 50px;
  }
  /deep/.btn {
    position: fixed;
    bottom: 0;
    width: 100% !important;
    width: 500px;
  }
}
</style>